iT邦幫忙

2022 iThome 鐵人賽

DAY 3
0
Modern Web

30天淺嘗主流前端設計系列 第 21

DAY21! 熟悉JQuery!!

  • 分享至 

  • xImage
  •  

DAY21! 熟悉JQuery!!

今天要來介紹JQuery的基本語法,基本的樣貌長這樣:
$("要套用的元素").方法(內容);
$符號就是JQuery物件的代號,而要套用的元素則有許多方式進行套用,大致的原則跟CSS差不多。如下
https://ithelp.ithome.com.tw/upload/images/20221009/20151970hBtYMOMVfF.png
-$("html元素")就是選擇html內建的元素
-$(".class")就是選擇指定類別屬性的元素
-$("#id")就是選擇指定id屬性的元素
-$("父元素 子元素")就是選擇某元素下的子元素

接下來介紹一下我覺得JQuery裡蠻重要的方法,也就是on方法,他能夠串連JQuery中各種不一樣的事件與處理
得方式,也就是學會了on方法的語法,就等於學了一半的JQuery了哈哈哈
.on()
語法是:.on(一個或多個事件[,觸發的元素][,傳送給事件處理程式的資料],事件處理程式)

今天的課程就到這邊!!!

上一篇
DAY20 ! 認識JQuery!!!
下一篇
DAY22 Jquery特效使用1~~
系列文
30天淺嘗主流前端設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言